import { createRouter, createWebHashHistory } from "vue-router";
// 导入组件
// 这是在正常的写法
// import Layout from "@/views/layout.vue"
// 懒加载方式
const Layout = () => import('@/views/layout.vue')
const Home = () => import('@/views/home/index.vue')
//1. 定义路由规则：什么是路由规则？就是是什么路径，显示什么组件
const routes = [{
  path: '/',
  component: Layout,
  children: [
    { path: '/', component: Home }
  ]
}];
// 2.createRouter函数是用来创建router实例的
const router = createRouter({
  //3.history配置路由模式：hash（locaaclhost:8080/#/home）history(locaaclhost:8080/home)
  // createWebHashHistory的意思是创建hash模式的路由
  history: createWebHashHistory(),
  routes,
});

export default router;
